main()
StatelessWidget



home: StatefulWidget

MaterialApp
Scaffold


appBar: AppBar





backgroundColor: , Text()




OnPressed: , tooltip: ,
child: const Icon(Icons.add),
Page





Container() || Column() || Row() || Center()
...
body


child: Column(

mainAxisAlignment: MainAxisAlignment.end ,
crossAxisAlignment: crossAxisAlignment.stretch,
...

children: <Widget>[
Text(
'$_counter',
style: ,
),
const Text(),

mainAxisAlignment: MainAxisAlignment ,


Center

Container()

child: Container() || Column() || Row() || Center()
|| padding(),
...

mainAxisAlignment: MainAxisAlignment.end ,
crossAxisAlignment: crossAxisAlignment.stretch,
heigth : 10 , width: 20 ,
margin: const EdgeInsets.all(8),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Colors.red,
          ),
...
Column() , Row() , Text(),
Padding(),
Expanded()
...

Text(
"string","$value",
style:TextStyle(
fontSize: 40 ,
color: Colors.red,
//css
)
),


Padding(








)
padding: const EdgeInsets.all(5),

Add a New class her
Create a values and fanctions in her
centerTitle: true,





Column(
children: [














































])







Constants.stylet

height
width

setState() for refrash the page

drawer || endDrawer : Drawer(),





AppBar

ElevatedButton( style: style, onPressed: null, child: const Text('Disabled'), ), const SizedBox(height: 30), ElevatedButton( style: style, onPressed: () {}, child: const Text('Enabled'), ),


مكان للاستخدام \ مساحة فارغة
floatingActionButton: FloatingActionButton
ElevatedButton

Icon


TextButton

Card

ClipRRect
Stack()


margin: const EdgeInsets.all(8),
Margin
&& State



Stateful / Stateless Widget MaterialApp Scaffold Appbar Drawer FloatingActionButton Text TextField Center Image Container SizedBox FractionallySizedBox Expanded Icon ElevatedButton TextButton OutlinedButton IconButton Padding Margin Column Row Wrap Stack Listview (Listview.builder) Gridview ListTile Card Snackbar AlertDialog Dialog Dialog.fullscreen GestureDedector InkWell PageView TabBarView DefaultTabController Navigator Navigator (route) Drawer


Children: [







]

Children: [























]



لاستخدام يجب ان تكون الصفحة في ملف منفصل بدون استخدام
Navigator
بعدها يتم ذكر اسم ملف الصفحة الاولى والتي ستكون الصفحة الرئيسية
MaterialApp
main
يتم تعبئة الكلاس او الملف كما في العادة وبعدها يتم ذكر اسم الملف الثاني (الصفحة الثانية) ان لزم
يتم تعبئة الكلاس او الملف كما في العادة وبعدها يتم ذكر اسم الملف الاخر (الصفحة التالية) ان لزم











List[] yolu
snapshot yolu



HTTP
/Json
Standart package


jsonDecode()
jsonDecode()